<template>
	<view class="main" @touchmove.stop.prevent="() => {}" :style="allStyle()">
		<view class="top" style="height: 44px;display: flex;">
			<view class="left" :style="getLeftStyle()" @click="tags(1)">
				巡检工单
			</view>
			<view class="right" :style="getRightStyle()" @click="tags(2)">
				运维工单
			</view>
		</view>
		
		<view class="notexxxx" style="position: absolute;top: 50px;z-index: 999;width: calc(100% - 10px);margin: 0px 5px;">
			<u-alert type = "error" v-show="noteShow" :title = "description" :closable="true"></u-alert>
		</view>
		
		<view class="bottom" :style="getHeightX(1)">
			<view class="xj" v-if="isTag===1" style="display: flex;flex-direction: column;">
				<view class="topx" style="height: 46px;">
					<view class="button"
						style="display: flex;margin-top: 10px;margin-bottom: 10px;margin-left:4px;width: 220px;">
						<u-button text="当日" :custom-style="getButtonStyleX('day')"
							@click="toggleButtonX('day')"></u-button>
						<u-button text="本周" :custom-style="getButtonStyleX('week')"
							@click="toggleButtonX('week')"></u-button>
						<u-button text="本月" :custom-style="getButtonStyleX('month')"
							@click="toggleButtonX('month')"></u-button>
						<u-button text="全部" :custom-style="getButtonStyleX('all')"
							@click="toggleButtonX('all')"></u-button>
					</view>
				</view>
				<view class="bottomx" :style="getHeightX(2)">
					<view class="noSearch" v-show="dataListX.length==0">
						<div style="height: 100px;"></div>
						<view class="aaaaa" v-show="!isOkx">
							<div style="height: 100px;"></div>
							<u-loading-icon mode="circle" size="50px"></u-loading-icon>
						</view>
						<view class="bbbbb" v-show="isOkx">
							<view class="ccccccc" v-show="!notQxx">
								<u-empty mode="search" text="暂无数据"></u-empty>
							</view>
							<view class="ddddddd" v-show="notQxx">
								<u-empty mode="page" text="加载失败"></u-empty>
							</view>
						</view>
					</view>
					<u-list :style="getHeightX(2)" :lowerThreshold="10" @scrolltolower="scrolltolowerX()">
						<u-list-item v-for="(item,index) in dataListX" :key="index" style="background-color: #FFFFFF;">
							<u-line></u-line>
							<div style="margin: 15px;" @click="detailXJ(item)">
								<div style="font-size: 16px;font-family: 'PingFang SC';color:#212121;">{{item.jhmc}}
								</div>
								<div
									style="font-size: 14px;font-family: 'Noto Sans CJK SC';color:#666666;margin-top: 4px;">
									{{item.gznr}}</div>
								<div style="display: flex;margin-top: 4px;align-items:center">
									<div :style="getStyleTemp()">
										<div
											style="font-size: 12px;font-family: 'Noto Sans CJK SC';color:#999999;margin-top: 4px;">
											频率：{{item.pc}}</div>
										<div class="kkk" :style="getStyleKKK()">时间：{{item.yxkssj}}至{{item.yxjssj}}</div>
									</div>
									<u-button v-show="item.planStatus==='未巡检'" type="error"
										class="xjbtn">{{item.planStatus}}</u-button>
									<u-button v-show="item.planStatus==='进行中'" type="primary"
										class="xjbtn">{{item.planStatus}}</u-button>
									<u-button v-show="item.planStatus==='已完成'" type="success"
										class="xjbtn">{{item.planStatus}}</u-button>
								</div>
							</div>
						</u-list-item>
					</u-list>
				</view>
			</view>
			<view class="yw" v-if="isTag===2" style="display: flex;flex-direction: column;">
				<view class="topy" style="height: 46px;">
					<view class="button"
						style="display: flex;margin-top: 10px;margin-bottom: 10px;margin-left:4px;width: 130px;">
						<u-button text="待接单" :custom-style="getButtonStyleY('not')"
							@click="toggleButtonY('not')"></u-button>
						<u-button text="已接单" :custom-style="getButtonStyleY('is')"
							@click="toggleButtonY('is')"></u-button>
					</view>
				</view>
				<view class="bottomy" :style="getHeightX(2)">
					<view class="noSearch" v-show="notDataListY.length==0 && isButtonY=='not'">
						<div style="height: 100px;"></div>
						<view class="aaaaa" v-show="!isOkyk">
							<div style="height: 100px;"></div>
							<u-loading-icon mode="circle" size="50px"></u-loading-icon>
						</view>
						<view class="bbbbb" v-show="isOkyk">
							<view class="ccccccc" v-show="!notQxk">
								<u-empty mode="search" text="暂无数据"></u-empty>
							</view>
							<view class="ddddddd" v-show="notQxk">
								<u-empty mode="page" text="加载失败"></u-empty>
							</view>
						</view>
					</view>
					<!-- 待接收 -->
					<u-list v-if="isButtonY==='not'" :style="getHeightX(2)" :lowerThreshold="10"
						@scrolltolower="scrolltolowerYNot()">
						<u-list-item v-for="(item,index) in notDataListY" :key="index"
							style="background-color: #FFFFFF;">
							<div>
								<u-line></u-line>
							</div>
							<div style="margin-left: 12px;margin-right: 12px;">
								<div style="display: flex;">
									<!-- <div class="left">
										<image :src="imageUrl" style="width: 92px;height: 81px;margin-top: 20px;"></image>
									</div> -->
									<div class="right" style="margin-top: 12px;margin-left: 6px;">
										<div style="display: flex;justify-content: space-between;">
											<div
												style="font-size: 16px;font-family: 'PingFang SC';color: #212121;width: 70vw;">
												{{ item.sjwz }}
											</div>
											<div>
												<u--text :text="item.czjg" size="14px" color="#F75755"></u--text>
											</div>
										</div>
										<div
											:style="{fontFamily: 'Noto Sans CJK SC',color: '#666666',fontSize: '14px',marginTop:'4px',width:'90vw'}">
											{{ item.sjms }}</div>
										<!-- <div style="margin-top: 7px;display: flex;">
											<u-icon name="map" color="#666666" size="12"></u-icon>
											<text style="margin-left: 8px;font-family: 'Noto Sans CJK SC';color: #999999;font-size: 12px;">{{ item.sjwz }}</text>
										</div> -->
										<div style="margin-top: 4px;display: flex;">
											<u-icon name="clock" color="#666666" size="12"></u-icon>
											<text
												style="margin-left: 8px;font-family: 'Noto Sans CJK SC';color: #999999;font-size: 12px;">{{ item.fssj }}</text>
										</div>
										<div style="margin-top: 12px;display: flex;width:154px;margin-left: -6px;">
											<u-button @click="detailYWXX(item)" color="#FF5000"
												style="border-radius: 4px;width: 74px;height: 32px;">
												<text
													style="font-size: 12px;color: #FFFFFF;font-family: 'PingFang SC';">任务详情</text>
											</u-button>
											<u-button @click="taskIN(item)" color="#FFFFFF"
												style="border-radius: 4px;width: 74px;height: 32px;border: 1px #DDDDDD solid;margin-left: 5px;">
												<text
													style="font-size: 12px;color: #212121;font-family: 'PingFang SC';">任务接收</text>
											</u-button>
										</div>
									</div>
								</div>
							</div>
							<div style="height: 8px;"></div>
						</u-list-item>
					</u-list>

					<view class="noSearch" v-show="isDataListY.length==0 && isButtonY=='is'">
						<div style="height: 100px;"></div>
						<view class="aaaaa" v-show="!isOkyl">
							<div style="height: 100px;"></div>
							<u-loading-icon mode="circle" size="50px"></u-loading-icon>
						</view>
						<view class="bbbbb" v-show="isOkyl">
							<view class="ccccccc" v-show="!notQxl">
								<u-empty mode="search" text="暂无数据"></u-empty>
							</view>
							<view class="ddddddd" v-show="notQxl">
								<u-empty mode="page" text="加载失败"></u-empty>
							</view>
						</view>
					</view>
					<!-- 已接收 -->
					<u-list v-if="isButtonY==='is'" :style="getHeightX(2)" :lowerThreshold="10"
						@scrolltolower="scrolltolowerYIs()">
						<u-list-item v-for="(item,index) in isDataListY" :key="index"
							style="background-color: #FFFFFF;">
							<div style="">
								<u-line></u-line>
							</div>
							<div style="margin-left: 12px;margin-right: 12px">
								<div style="display: flex;" @click="detailYW(item)">
									<!-- <div class="left">
										<image :src="imageUrl" style="width: 92px;height: 81px;margin-top: 20px;"></image>
									</div> -->
									<div class="right" style="margin-top: 12px;margin-left: 6px;">
										<div style="display: flex;justify-content: space-between;">
											<div
												style="font-size: 16px;font-family: 'PingFang SC';color: #212121;width: 70vw;">
												{{ item.sjwz }}
											</div>
											<div>
												<u--text :text="item.czjg" size="14px"
													:color="item.czjg=='处理中'?'#10AEFF':'#07C160'"></u--text>
											</div>
										</div>
										<div
											style="width: 90vw;font-family: 'Noto Sans CJK SC';color: #666666;font-size: 14px;margin-top: 4px;">
											{{ item.sjms }}</div>
										<!-- <div style="margin-top: 7px;display: flex;">
											<u-icon name="map" color="#666666" size="12"></u-icon>
											<text style="margin-left: 8px;font-family: 'Noto Sans CJK SC';color: #999999;font-size: 12px;">{{ item.sjwz }}</text>
										</div> -->
										<div style="margin-top: 4px;display: flex;">
											<u-icon name="clock" color="#666666" size="12"></u-icon>
											<text
												style="margin-left: 8px;font-family: 'Noto Sans CJK SC';color: #999999;font-size: 12px;">{{ item.fssj }}</text>
										</div>
									</div>
								</div>
								<div v-show="item.czjg=='处理中'" style="margin-top: 12px;display: flex;width: 154px;">
									<u-button @click="detailYWXX(item)" color="#FF5000"
										style="border-radius: 4px;width: 74px;height: 32px;">
										<text
											style="font-size: 12px;color: #FFFFFF;font-family: 'PingFang SC';">任务详情</text>
									</u-button>
									<u-button @click="detailYW(item)" color="#FFFFFF"
										style="border-radius: 4px;width: 74px;height: 32px;border: 1px #DDDDDD solid;margin-left: 5px;">
										<text
											style="font-size: 12px;color: #212121;font-family: 'PingFang SC';">任务反馈</text>
									</u-button>
								</div>
								<div v-show="item.czjg=='已完成'" style="margin-top: 12px;display: flex;width:74px;">
									<u-button @click="detailYWXX(item)" color="#FF5000"
										style="border-radius: 4px;width: 74px;height: 32px;">
										<text
											style="font-size: 12px;color: #FFFFFF;font-family: 'PingFang SC';">任务详情</text>
									</u-button>
								</div>
							</div>
							<div style="height: 8px;"></div>
						</u-list-item>
					</u-list>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import croods from '@/common/croods-1.3.3.js';
	window.croods = croods;
	window.hydra = require('../../common/wst_hydra-1.0.0.js');

	import coordtransform from 'coordtransform';
	import {
		getDateDic,
		getPlan,
		getNotAssign,
		getAssign,
		handleAssgin
	} from '@/common/api.js'
	import {
		mapState
	} from 'vuex';
	export default {
		computed: {
			...mapState(['loginStatus', 'isLogin', 'loginMsg','noteShow']),
		},
    watch: {
      async loginStatus(status) {
        if (!this.loginStatus) {
        	if (this.loginMsg != '') {
        		uni.$u.toast(this.loginMsg)
        	}
        	this.notQxx = true
        	this.isOkx = true
        } else {
        	this.isTag = 1
        	this.isOkx = false
        	this.isOkyk = false
        	this.isOkyl = false
        	this.notQxl = false
        	this.notQxk = false
        	this.notQxx = false
        	let promises = []
        	for (let type in this.typeMap) {
        		promises.push(this.getDataDictory(type))
        	}
        	await Promise.all(promises)
        	await this.queryDataX()
        }
      }
    },
		async onShow() {
			/* if(!this.isLogin){
				uni.reLaunch({
					url:'/pages/login/index'
				})
			} */
			if (!this.loginStatus) {
				if (this.loginMsg != '') {
					uni.$u.toast(this.loginMsg)
				}
				this.notQxx = true
				this.isOkx = true
			} else {
				this.isTag = 1
				this.isOkx = false
				this.isOkyk = false
				this.isOkyl = false
				this.notQxl = false
				this.notQxk = false
				this.notQxx = false
				let promises = []
				for (let type in this.typeMap) {
					promises.push(this.getDataDictory(type))
				}
				await Promise.all(promises)
				await this.queryDataX()
				/* await this.queryDataNotY()
				await this.queryDataIsY() */
			}
			document.body.style.overflow = 'auto';
		},
		data() {
			return {
				/* 页面 */
				isTag: 1,
				noteMessageShow:false,
				description:'',
				/* 字典 */
				typeMap: {
					'MAINTENANCE_FREQUENCY': 'dateList',
					'INSPECTION_STATUS': 'statusList',
					'EVENT_HANDLE_STATUS': 'handleList',
				},
				dateList: [],
				statusList: [],
				handleList: [],

				/* 巡检 */
				isButtonX: 'day',
				requestX: {
					pageNum: 1,
					pageSize: 10,
					pc: "day"
				},
				dataListX: [],
				isOverX: false,

				/* 运维 */
				isButtonY: 'not',
				notRequestY: {
					pageNum: 1,
					pageSize: 10
				},
				isRequestY: {
					pageNum: 1,
					pageSize: 10
				},
				notDataListY: [],
				isDataListY: [],
				isNotOverY: false,
				isIsOverY: false,
				nowStatus: 'not',
				isOkx: false,
				isOkyk: false,
				isOkyl: false,
				notQxl: false,
				notQxk: false,
				notQxx: false,
			}
		},
		methods: {
			/* 页面切换 */
			async tags(e) {
				if (e == 1) {
					this.toggleButtonX('day')
					this.isTag = e
				}
				if (e == 2) {
					this.toggleButtonY('not')
					this.isTag = e
				}
			},
			/* 样式类 */
			getLeftStyle() {
				if (this.isTag == 1) {
					return {
						'font-family': 'PingFangSC-Medium',
						'font-size': '14px',
						'color': '#323233',
						'font-weight': '500',
						'border-bottom': '3px solid #FF5000',
						'height': '44px',
						'width': '50%',
						'line-height': '44px',
						'text-align': 'center'
					}
				} else {
					return {
						'font-family': 'PingFangSC-Regular',
						'font-size': '14px',
						'color': '#666666',
						'font-weight': '400',
						'height': '44px',
						'width': '50%',
						'line-height': '44px',
						'text-align': 'center'
					}
				}
			},
			getRightStyle() {
				if (this.isTag == 2) {
					return {
						'font-family': 'PingFangSC-Medium',
						'font-size': '14px',
						'color': '#323233',
						'font-weight': '500',
						'border-bottom': '3px solid #FF5000',
						'height': '44px',
						'width': '50%',
						'line-height': '44px',
						'text-align': 'center'
					}
				} else {
					return {
						'font-family': 'PingFangSC-Regular',
						'font-size': '14px',
						'color': '#666666',
						'font-weight': '400',
						'height': '44px',
						'width': '50%',
						'line-height': '44px',
						'text-align': 'center'
					}
				}
			},
			allStyle() {
				let height = uni.getSystemInfoSync().windowHeight
				return {
					'height': height,
					'width': '100%',
					'display': 'flex',
					'flex-direction': 'column',
					'background-color': '#FAFAFA'
				}
			},

			/* 字典 */
			getDataDictory(type) {
				let temp = {
					status: 'Enabled',
					type: type
				}
				getDateDic(temp).then(response => {
					let listName = this.typeMap[type]
					this[listName] = response
				})
			},

			/* 巡检 */
			toggleButtonX(e) {
				if (!this.loginStatus) {
					if (this.loginMsg != '') {
						uni.$u.toast(this.loginMsg)
					}
					this.notQxx = true
					this.isOkx = true
					return
				}
				if (this.requestX.pc !== e) {
					this.dataListX = []
					this.requestX.pageNum = 1
				}
				this.isButtonX = e
				this.requestX.pc = e
				if (this.requestX.pc == 'all') {
					this.requestX.pc = null
				}
				this.queryDataX()
			},
			queryDataX() {
				this.isOkx = false
				getPlan(this.requestX).then(response => {
					if ("msgCode" in response && (response.msgCode == "1003" || response.msgCode == "-401")) {
						this.notQxx = true
						this.isOkx = true
					} else {
						if (response.nextPage === 0) {
							this.isOverX = true
						} else {
							this.isOverX = false
						}
						let temp = response.list;
						if (this.requestX.pc !== 'all') {
						    let exists = temp.some(item => item.planStatus === "undone" || item.planStatus === "doing");
						    const now = new Date();
						    const currentDay = now.getDay(); // 星期几 (0-6)
						    const currentDate = now.getDate(); // 日期
						    const daysInMonth = new Date(now.getFullYear(), now.getMonth() + 1, 0).getDate(); // 本月天数
						    let showNote = false;
						    if (
						        (this.requestX.pc === 'day') ||
						        (this.requestX.pc === 'week' && (currentDay === 5 || currentDay === 6 || currentDay === 0)) ||
						        (this.requestX.pc === 'month' && currentDate >= daysInMonth - 2)
						    ) {
						        showNote = exists;
						    }
						    if (showNote) {
						        this.description = `芜湖：${this.requestX.pc === 'day' ? '当日' : this.requestX.pc === 'week' ? '本周' : '本月'}有未完成任务，请查看`;
						        this.$store.commit('changeNoteShow', true);
						    }
						}
						temp.forEach(item => {
							item.yxkssj = item.yxkssj.slice(0, 10);
							item.yxjssj = item.yxjssj.slice(0, 10);
							let dateTemp = this.dateList.find(date => date.code === item.pc);
							if (dateTemp) {
								item.pc = dateTemp.name;
							}
							let statusTemp = this.statusList.find(status => status.code === item
								.planStatus);
							if (statusTemp) {
								item.planStatus = statusTemp.name;
							}
						});
						if (this.dataListX.length === 0) {
							this.dataListX = temp
						} else {
							temp.forEach(newItem => {
								let index = this.dataListX.findIndex(item => item.id === newItem.id);
								if (index !== -1) {
									this.dataListX.splice(index, 1, newItem);
								} else {
									this.dataListX.push(newItem);
								}
							});

						}
						this.isOkx = true
					}
					/* console.log(this.dataListX) */
				}).catch(err => {
					this.notQxx = true
					this.isOkx = true
				})
			},
			scrolltolowerX() {
				if (this.isOverX) {
					return
				} else {
					this.requestX.pageNum += 1
					this.queryDataX()
				}
			},
			/* 跳转至详情界面 */
			detailXJ(item) {
				uni.navigateTo({
					url: `/pages/xjyw/xjrw/index?id=${item.id}&title=${item.jhmc}`,
				})
			},
			/* 样式类 */
			getButtonStyleX(e) {
				if (this.isButtonX == e) {
					return {
						backgroundColor: "rgba(255, 80, 0, 0.1)",
						color: "#FF5000",
						width: "48px",
						height: "28px",
						borderRadius: "16px"
					}
				} else {
					return {
						backgroundColor: "#F9F9F9",
						color: "#212121",
						width: "48px",
						height: "28px",
						borderRadius: "16px"
					}
				}
			},
			getHeightX(e) {
				if (e == 1) {
					let a = uni.getSystemInfoSync().windowHeight - 44
					return {
						'height': a + 'px'
					}
				}
				if (e == 2) {
					let b = uni.getSystemInfoSync().windowHeight - 90
					return {
						'height': b + 'px'
					}
				}
			},
			getStyleTemp() {
				let a = uni.getSystemInfoSync().windowWidth
				if (a < 370) {
					return {}
				} else {
					return {
						'display': 'flex'
					}
				}
			},
			getStyleKKK() {
				let a = uni.getSystemInfoSync().windowWidth
				if (a < 370) {
					return {}
				} else {
					return {
						'margin-left': '16px'
					}
				}
			},

			/* 运维 */
			toggleButtonY(e) {
				if (!this.loginStatus) {
					if (this.loginMsg != '') {
						uni.$u.toast(this.loginMsg)
					}
					this.notQxk = true
					this.isOkyk = true
					return
				}
				if (e == 'not') {
					this.notDataListY = []
					this.notRequestY.pageNum = 1
					this.nowStatus = 'not'
					this.isButtonY = 'not'
					this.queryDataNotY()
				}
				if (e == 'is') {
					this.isDataListY = []
					this.isRequestY.pageNum = 1
					this.nowStatus = 'is'
					this.isButtonY = 'is'
					this.queryDataIsY()
				}
			},
			queryDataNotY() {
				this.isOkyk = false
				getNotAssign(this.notRequestY).then(response => {
					if ("msgCode" in response && (response.msgCode == "1003" || response.msgCode == "-401")) {
						this.notQxk = true
						this.isOkyk = true
					} else {
						if (response.nextPage === 0) {
							this.isNotOverY = true
						} else {
							this.isNotOverY = false
						}
						let temp = response.list;
						temp.forEach(item => {
							let statusTemp = this.handleList.find(status => status.code === item.czjg);
							if (statusTemp) {
								item.czjg = statusTemp.name;
							}
						});
						if (this.notDataListY.length === 0) {
							this.notDataListY = temp
						} else {
							temp.forEach(newItem => {
								let index = this.notDataListY.findIndex(item => item.id === newItem.id);
								if (index !== -1) {
									this.notDataListY.splice(index, 1, newItem);
								} else {
									this.notDataListY.push(newItem);
								}
							});
						}
						this.isOkyk = true
					}
				}).catch(err => {
					this.notQxk = true
					this.isOkyk = true
				})
			},
			queryDataIsY() {
				this.isOkyl = false
				getAssign(this.isRequestY).then(response => {
					if ("msgCode" in response && (response.msgCode == "1003" || response.msgCode == "-401")) {
						this.notQxl = true
						this.isOkyl = true
					} else {
						if (response.nextPage === 0) {
							this.isIsOverY = true
						} else {
							this.isIsOverY = false
						}
						let temp = response.list;
						temp.forEach(item => {
							let statusTemp = this.handleList.find(status => status.code === item.czjg);
							if (statusTemp) {
								item.czjg = statusTemp.name;
							}
						});
						if (this.isDataListY.length === 0) {
							this.isDataListY = temp
						} else {
							temp.forEach(newItem => {
								let index = this.isDataListY.findIndex(item => item.id === newItem.id);
								if (index !== -1) {
									this.isDataListY.splice(index, 1, newItem);
								} else {
									this.isDataListY.push(newItem);
								}
							});
						}
						this.isOkyl = true
					}
				}).catch(err => {
					this.notQxl = true
					this.isOkyl = true
				})
			},
			/* 跳转详情 */
			detailYW(item) {
				if (item.czjg === "已完成") {
					this.detailYWXX(item)
				} else {
					uni.navigateTo({
						url: `/pages/xjyw/ywxq/index?id=${item.id}`,
					})
				}
			},
			/* 用户接单 */
			taskIN(item) {
				let temp = {
					id: item.id
				}
				handleAssgin(temp).then(response => {
					this.queryDataIsY()
				})
				this.isButtonY = 'is'
				this.nowStatus = 'is'
			},
			/* 任务详情 */
			detailYWXX(item) {
				uni.navigateTo({
					url: `/pages/xjyw/ywxx/index?ywid=${item.id}`,
				})
			},
			scrolltolowerYNot() {
				if (this.isNotOverY) {
					return
				} else {
					this.notRequestY.pageNum += 1
					this.queryDataNotY()
				}
			},
			scrolltolowerYIs() {
				if (this.isIsOverY) {
					return
				} else {
					this.isRequestY.pageNum += 1
					this.queryDataIsY()
				}
			},
			/* 样式类 */
			getButtonStyleY(e) {
				if (this.isButtonY == e) {
					return {
						backgroundColor: "rgba(255, 80, 0, 0.1)",
						color: "#FF5000",
						width: "60px",
						height: "28px",
						borderRadius: "16px"
					}
				} else {
					return {
						backgroundColor: "#F9F9F9",
						color: "#212121",
						width: "60px",
						height: "28px",
						borderRadius: "16px",
						fontSize: "12px"
					}
				}
			},
			/* 重复监听 */
			/* async fetchData(){
				let promises = []
				for (let type in this.typeMap) {
					promises.push(this.getDataDictory(type))
				}
				await Promise.all(promises)
				this.queryDataX()
				this.queryDataNotY()
				this.queryDataIsY()
			} */

		},
		async mounted() {
			/* this.isTag = 1
			let promises = []
			for (let type in this.typeMap) {
				promises.push(this.getDataDictory(type))
			}
			await Promise.all(promises)
			this.queryDataX()
			this.queryDataNotY()
			this.queryDataIsY() */
		},
		/* watch: {
		    '$route': 'fetchData'
		  }, */
	}
</script>

<style>
	.xjbtn {
		width: 62px;
		height: 28px;
		font-size: 12px;
		margin-right: 0px;
		font-family: 'PingFang SC';
		border-radius: 4px;
	}

	.kkk {
		font-size: 12px;
		font-family: 'Noto Sans CJK SC';
		color: #999999;
		margin-top: 4px;
	}
</style>